<link href="http://localhost/adv/public/theme/member/css/stylesheets.css" rel="stylesheet" type="text/css" />  

<table cellpadding="0" cellspacing="0" width="100%" class="table">
    <thead>
        <tr style="border-top: 1px solid #ccc">                                    
            <th colspan="5" style="background: #FFF;padding: 10px;border-bottom: none;font-size: 20px;font-weight: normal;"><center>Log truy cập</center></th>                                    
        </tr>
        <tr>                                    
            <th width="auto">STT</th>
            <th width="25%">Trình duyệt</th>
            <th width="20%">Hệ điều hành</th>
            <th width="20%">Thiết bị</th>
            <th width="25%">Thời gian</th>                                     
        </tr>
    </thead>
    <tbody>
    <?php $cf = $pageg * $per_page + 1; foreach($data AS $el=>$le):?>
        <tr>                                    
            <td><center><?php echo $cf++;?></center></td>
            <td><?php echo $le['browser_name']?></td>
            <td><?php echo $le['os_name']?> </td>
            <td><?php echo $le['device_name'] == 'Other' ? 'Máy tính' : $le['device_name'] ?> </td>  
            <td><?php echo $le['show_full_time']?> </td>                                
        </tr>
    <?php endforeach;?>                    
    </tbody>
</table>
<div class="toolbar bottom-toolbar clearfix">
    <div class="right">
        <div class="pagination">
            <?php echo $this->pagination->create_links();?> 
        </div>                                
    </div>
</div> 
<script>
$(function(){
  $('.pagination a').click(function(){
    $.ajax({
       type: "GET",
       beforeSend: function()
       {
            $(".preload").css('display','block');
       },
       url: $(this).attr('href'),
       success: function(table){
          $(".preload").css('display','none');
          $('#page_show').html(table);
          $('html, body').animate({scrollTop:$('#page_show').position().top}, 'slow');
       }
    });

    return false;
  });
});
</script>